<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>活动预览</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/default.css">
    <link rel="stylesheet" href="../lib/treeview/jquery.treeview.css">
    <link rel="stylesheet" href="../lib/treeview/screen.css">
    <link rel="stylesheet" href="../css/activePreview.css">
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=e2hMm9V14mNxOXr4ENaTeFWAkNCtm9Ax"></script>
</head>
<body>
<div class="content">
    <div class="title">
        <div class="t_item">活动管理</div>
        <div class="t_introduce">Ace Gear是我的平台，我爱这个平台啊。</div>
    </div>
    <div class="ap_title">
        <span>活动管理</span>&gt;<span>乐骑天下</span>&gt;<span>2017高级骑行培训</span>
        <span class="ap_edit">编辑</span>
    </div>
    <div class="ap_content clearfix">
        <!--手机预览-->
        <div class="ap_left">
            <div class="p_content">
                <div class="phone">
                    <div class="ph_img">
                        <img src="../image/title.png" alt="">
                    </div>
                    <div class="ph_line">
                        <div class="ph_title">
                            <span>2016iAcro&F4W动静结合大聚珠海站</span>
                        </div>
                    </div>
                    <div class="ph_active">
                        <div class="top clearfix">
                            <img src="../image/add.png" alt="">
                            <div>
                                <span class="years">2016</span>
                                <span class="ac_time">活动时间</span>
                            </div>
                            <span>8月14日 12:11</span>
                            <span class="ph_btn">现在报名</span>
                        </div>
                        <div class="next">
                            <img src="../image/add.png" alt="">
                            <span>地址：珠海金湾机场航展馆停车场三号门</span>
                            <a href="">点击导航&nbsp;></a>
                        </div>
                    </div>
                    <div id="bMap">

                    </div>
                    <div class="ph_text">
                        <span>iAcro主理人裤裆老爷。</span>
                        <span>对改装车感兴趣的人应该都知道他</span>
                        <span>对改装车文化推动作用巨大</span>
                    </div>
                    <!-- <div class="p_person">
                         <ul class="clearfix">
                             <li>
                                 <img src="" alt="">
                             </li>
                             <li>
                                 <img src="" alt="">
                             </li>
                             <li>
                                 <img src="" alt="">
                             </li>
                             <li>
                                 <img src="" alt="">
                             </li>
                             <li>
                                 <img src="" alt="">
                             </li>
                             <li class="word">
                                 ...
                             </li>
                             <li class="apply">
                                 <span>1.3万人报名</span>
                             </li>
                         </ul>
                     </div>-->
                    <div class="p_user">
                        <span class="left">用户发帖</span>
                        <span class="right">&gt;</span>
                    </div>
                    <div class="ph_bottom">
                        <ul class="clearfix">
                            <li>介绍</li>
                            <li class="cut">Q&A</li>
                            <li>举办方信息</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="ap_right">
            <div class="ap_up">
                <div class="up_content">
                    <div class="up_title1">
                        <span>活动统计</span>
                    </div>
                    <div class="up_title2">
                        <ul class="up_ul">
                            <li>
                                <div class="text">查看</div>
                                <div class="count">21323</div>
                            </li>
                            <li>
                                <div class="text bao">报名</div>
                                <div class="count">32323</div>
                            </li>
                            <li>
                                <div class="text">分享</div>
                                <div class="count">2323</div>
                            </li>
                            <li>
                                <div class="text">相关活动</div>
                                <div class="count">23323</div>
                            </li>
                            <li>
                                <div class="text">收益 </div>
                                <div class="count">45453</div>
                                <span class="cash">提现</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="ap_down">
                <ul class="ad_ul clearfix">
                    <li>项目名称</li>
                    <li>报名人数</li>
                    <li>价格</li>
                    <li>库存</li>
                    <li>操作</li>
                </ul>
                <div class="state state1">
                    <span class="description">阶段一名称</span>
                </div>
                <div class="ed_main">
                    <ul id="red" class="treeview-red treeview">
                        <li class="expandable">
                            <div class="hitarea expandable-hitarea"></div>
                            <div class="radio"><span class="ra_select">分组[单选]</span></div>
                            <ul style="display: none;">
                                <li class="list list1">
                                    <span class="item">项目</span>
                                    <span class="item1">2323</span>
                                    <span class="item2">¥2322</span>
                                    <span class="item3">23/88</span>
                                    <span class="item4">查看报名</span>
                                </li>
                                <li class="list">
                                    <span class="item">项目</span>
                                    <span class="item1">2323</span>
                                    <span class="item2">¥2322</span>
                                    <span class="item3">23/88</span>
                                    <span class="item4">查看报名</span>
                                </li>
                            </ul>
                        </li>
                        <li class="expandable">
                            <div class="hitarea expandable-hitarea"></div>
                            <div class="checkbox"><span class="ch_select">分组[多选]</span></div>
                            <ul style="display: none;">
                                <li class="list list1">
                                    <span class="item">项目</span>
                                    <span class="item1">2323</span>
                                    <span class="item2">¥2322</span>
                                    <span class="item3">23/88</span>
                                    <span class="item4">查看报名</span>
                                </li>
                                <li class="list">
                                    <span class="item">项目</span>
                                    <span class="item1">2323</span>
                                    <span class="item2">¥2322</span>
                                    <span class="item3">23/88</span>
                                    <span class="item4">查看报名</span>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="ap_qa">
        <div class="ap_title"><span>Q&A</span><span class="phone">客服电话：123456</span></div>
        <ul class="ap_ul1 clearfix">
            <li>
                <ul class="ap_ul2">
                    <li class="title1">未处理问题</li>
                    <li class="li1">
                        <span class="li_content">活动当天汽车最晚几点入场</span>
                        <span class="ignore">忽略</span>
                        <span class="deal">处理</span>
                    </li>
                    <li class="li1">
                        <span class="li_content">活动当天汽车最晚几点入场</span>
                        <span class="ignore">忽略</span>
                        <span class="deal">处理</span>
                    </li>
                    <li class="li1">
                        <span class="li_content">活动当天汽车最晚几点入场</span>
                        <span class="ignore">忽略</span>
                        <span class="deal">处理</span>
                    </li>
                    <li class="li1">
                        <span class="li_content">活动当天汽车最晚几点入场</span>
                        <span class="ignore">忽略</span>
                        <span class="deal">处理</span>
                    </li>
                </ul>
            </li>
            <li>
                <ul class="ap_ul3">
                    <li class="title2">已处理问题</li>
                    <li class="li1">
                        <div>
                            <span class="li_content">活动当天汽车最晚几点入场</span>
                        </div>
                        <div class="answer">
                            <span class="an_hui">回答：</span><span class="an_main">活动当天汽车最晚入场活动当天汽车最晚几点入场</span>
                            <span class="remove">删除</span>
                        </div>
                    </li>
                    <li class="li1">
                        <div><span class="li_content">活动当天汽车最晚几点入场</span></div>
                        <div class="answer">
                            <span class="an_hui">回答：</span><span class="an_main">活动当天汽车最晚入场活动当天汽车最晚几点入场</span>
                            <span class="remove">删除</span>
                        </div>
                    </li>
                    <li class="li1">
                        <div><span class="li_content">活动当天汽车最晚几点入场</span></div>
                        <div class="answer">
                            <span class="an_hui">回答：</span><span class="an_main">活动当天汽车最晚入场活动当天汽车最晚几点入场</span>
                            <span class="remove">删除</span>
                        </div>
                    </li>
                    <li class="li1">
                        <div><span class="li_content">活动当天汽车最晚几点入场</span></div>
                        <div class="answer">
                            <span class="an_hui">回答：</span><span class="an_main">活动当天汽车最晚入场活动当天汽车最晚几点入场</span>
                            <span class="remove">删除</span>
                        </div>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
    <div class="host">
        <div class="ho_title"><span>举办方</span></div>
        <div>
            <ul class="ho_ul">
                <li class="list_one">主办单位（不可更改）</li>
                <li class="list_two">iarco车友会</li>
                <li class="list_two">iarco车友会</li>
                <li class="list_three clearfix">
                    <span class="span1">iarco车友会</span>
                    <span class="remove">删除</span>
                </li>
                <li class="list_three clearfix">
                    <span class="span1">iarco车友会</span>
                    <span class="remove">删除</span>
                </li>
                <li class="list_three clearfix">
                    <span class="span1">iarco车友会</span>
                    <span class="remove">删除</span>
                </li>
                <li class="list_three clearfix">
                    <span class="span1">iarco车友会</span>
                    <span class="remove">删除</span>
                </li>
            </ul>
        </div>
    </div>

</div>
<!--弹出层-->
<div class="bg_back"></div>
<div class="handle">
    <div class="top clearfix">
        <span>问题</span>
        <input type="text">
    </div>
    <div class="down clearfix">
        <span>答案</span>
        <textarea></textarea>
    </div>
    <img src="../image/add.png" alt="">
    <span class="hand_btn">确定</span>
</div>
<script src="../lib/jquery/dist/jquery.min.js"></script>
<script src="../lib/treeview/lib/jquery.cookie.js"></script>
<script src="../lib/treeview/jquery.treeview.js"></script>
<script src="../js/activePreview.js"></script>
</body>
</html>